<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ladybird - 账户密码登录</title>
        <jsp:include page="top-link.jsp"></jsp:include>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/index.css"/>
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/login.css"/>
    </head>
    <body>
        <!-- 头部导航 -->
        <ul class="layui-nav layui-bg-blue" style="background-color: #eeeeee !important;">
            <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/index" style="color: #000000;"><img
                    style="margin-top: 10px"
                    src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/img/ladybird.png"></a>
        </ul>

        <!-- 中间内容 -->
        <div class="center">
            <form class="layui-form"
                  action="${pageContext.request.contextPath}/api/v1/pri/user/do/login-by-account-data"
                  method="post">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"><span class="star_color">*</span> 用户名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="account" lay-verify="required" autocomplete="off"
                                   placeholder="手机号或者邮箱" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="star_color">*</span> 输入密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off"
                               class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">请填写6到16位密码</div>
                </div>
                <div class="layui-form-item">
                    <input type="hidden" name="login-by-account" value="login-by-account">
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="star_color">*</span> 滑动验证</label>
                    <div class="layui-input-block">
                        <div id="slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn" style="background-color: #1e9fff;" lay-submit=""
                                lay-filter="demo1">登录
                        </button>
                        <button type="reset" id="reset" class="layui-btn layui-btn-primary">重置</button>
                        <a href="${pageContext.request.contextPath}/api/v1/pri/user/do/register">&nbsp;&nbsp; 注册</a> | <a
                            href="${pageContext.request.contextPath}/api/v1/pri/user/do/reset-pwd">修改密码</a> | <a
                            href="${pageContext.request.contextPath}/api/v1/pri/user/do/login-by-code">验证码登录</a>
                    </div>
                </div>
            </form>
        </div>
        <!-- 尾部导航 -->
        <%@include file="foot-nav.jsp" %>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/js/verify-account.js"></script>
    </body>
</html>
